@media screen and  (max-width:319px){
    html{
        // font-size: 15.95px;
        font-size: 10px;

        // background-color: red;
    }
    
}

@media screen and  (min-width:320px){
    html{
        font-size: 16px;
    }
    
}

@media screen and  (min-width:380px){
    html{
        font-size: 19px;
    }
    
}

@media screen and  (min-width:440px){
    html{
        font-size: 22px;
    }
    
}

@media screen and  (min-width:500px){
    html{
        font-size: 25px;
    }
    
}

@media screen and  (min-width:560px){
    html{
        font-size: 28px;
    }
    
}

@media screen and  (min-width:620px){
    html{
        font-size: 31px;
    }
    
}

@media screen and  (min-width:680px){
    html{
        font-size: 34px;
    }
    
}

@media screen and  (min-width:740px){
    html{
        font-size: 37px;
    }
    
}

@media screen and  (min-width:800px){
    html{
        font-size: 40px;
    }
    
}

@media screen and  (min-width:860px){
    html{
        font-size: 43px;
    }
    
}
